<template>
  <view class="container mt200">
    <view class="nav mb35">
      <u-row>
		<u-col span="4">
		  <view @click="goTwo(1)" class="icon-item items item1">
		    <image
		      src="../../static/serveIcon/caishui_icon01.png"
		      class="fl"
		    ></image>
		    <view>
				<view class="grid-text1">企业注册</view>
				<view class="font1">0元注册</view>
			</view>
		  </view>
		</u-col>
        <u-col span="4">
          <view @click="goTwo(2)" class="icon-item items">
            <image
              src="../../static/serveIcon/caishui_icon02.png"
              class="fl"
            ></image>
            <view>
				<view class="grid-text">工商变更</view>
				<view class="font">高效便捷</view>
			</view>
          </view>
        </u-col>
        <u-col span="4">
          <view @click="goTwo(3)" class="icon-item items">
            <image
              src="../../static/serveIcon/caishui_icon03.png"
              class="fl"
            ></image>
            <view>
				<view class="grid-text">税务筹划</view>
				<view class="font">合理纳税</view>
			</view>
          </view>
        </u-col>
      </u-row>
      <u-row>
        <u-col span="4">
          <view @click="goTwo(4)" class="items">
            <image
              src="../../static/serveIcon/caishui_icon04.png"
              class="fl"
            ></image>
            <view>
				<view class="grid-text">代理记账</view>
				<view class="font">财务助手</view>
			</view>
          </view>
        </u-col>
        <u-col span="4">
          <view @click="goTwo(5)" class="items">
            <image
              src="../../static/serveIcon/caishui_icon05.png"
              class="fl"
            ></image>
            <view>
				<view class="grid-text">资金扶持</view>
				<view class="font">创业必备</view>
			</view>
          </view>
        </u-col>
        <u-col span="4">
          <view @click="goAdvisory" class="items">
            <image
              src="../../static/serveIcon/caishui_icon06.png"
              class="fl"
            ></image>
            <view>
				<view class="grid-text">政策介绍</view>
				<view class="font">园区优惠</view>
			</view>
          </view>
        </u-col>
      </u-row>
    </view>
    <pic></pic>
    <view class="more">
      <u-section
        title="最新政策"
        sub-title="全部"
        :show-line="false"
        font-size="32"
        sub-color="#333"
        @click="showAll"
      ></u-section>
    </view>

    <view class="article-box-list">
    
      <caseAnalysis
        v-for="item of articles"
        :key="item.id"
        :fistTitle="item.articleName"
        :secondTitle="item.articleName"
        :tagOne="item.tag1"
        :tagTwo="item.tag2"
        :picUrl="item.picUrl"
        :Id="item.id"
        :ispageLeval = 'ispageLeval'
      ></caseAnalysis>
    </view>

    <view class="sought">
      <u-icon name="chat-fill" class="icon" color="#FF8711" size="40"></u-icon>
      <text>咨询</text>
    </view>
  </view>
</template>

<script>
import headers from '../../myComponents/header/header.vue'
import pic from '../../myComponents/pic/pic.vue'
import caseAnalysis from '@/myComponents/caseAnalysis/index.vue'
// import recommend from '../../myComponents/recommend/recommend.vue'
// import banner from '../../myComponents/banner/banner.vue'

export default {

  components: {
    pic,
    caseAnalysis
    
  },
  props: {
    currentType: {
      type: Object,
      default: ()=>({
        id: 5,
        name: "财税服务"
      })
    },
    currentArticle: {
      type: Array
    
    }
  },
  data() {
    return {
      dataList: [

      ],
      ispageLeval:'two',
      articles: [],
      listQuery: {
        currentPage: 1,
        pageSize: 2,
        status: 0,
        tree: false,
      },
      url: '',
      arrUrl: [
        '../../pageTwo/financialService/register/register',
        '../../pageTwo/financialService/change/index',
        '../../pageTwo/financialService/taxPlanning/index',
        '../../pageTwo/financialService/keepAccount/keepAccount',
        '../../pageTwo/financialService/financialSupport/index',
        '../../pageTwo/financialService/taxPlanning/index',
      ],
    }
  },

  onLoad() {
    
  },

  mounted () {
    this.articles = this.currentArticle

    // this.getArticleInfo()    
  },

  methods: {

    // getArticleInfo () {
    //    this.$http.get('/api/article/list',{
    //      params: this.listQuery
    //    }).then(res=> {
    //      if(res.data.code == 20000){
    //         this.articles = res.data.data.articles
           
    //      }
    //    })
    // },

    

    showAll() {
     
      uni.switchTab({
         url: '../../pages/active/active',
      })
    },
    goTwo(e) {
      e = e - 1
      this.url = this.arrUrl[e]
      uni.navigateTo({
        url: this.url,
      })
    },
    goAdvisory() {
      uni.switchTab({
        url: '../../pages/active/active',
      })
    },
  },
}
</script>

<style lang="scss" scoped>
.container {
  font-size: 28rpx;
  .nav {
    padding-left: 30rpx;
    image {
      width: 60rpx;
      height: 56rpx;
    }
  }
  .newPolicy {
    height: 200rpx;
    margin: 28rpx 30rpx 0rpx 30rpx;
    padding: 24rpx 26rpx 22rpx 22rpx;
    display: flex;
    .left {
      image {
        width: 154rpx;
        height: 154rpx;
      }
    }
    .right {
      flex: 1;
      margin-left: 26rpx;
      height: 162rpx;
      min-width: 0;
      .right_title {
        font-size: 30rpx;
        font-weight: 600;
      }
      .right_info {
        font-size: 24rpx;
        width: 100%;
        color: #999;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: 6rpx;
      }
      .tag {
        margin-top: 8rpx;
        .tag1 {
          margin-right: 42rpx;
        }
      }
    }
  }
  .sought {
    display: block;
    width: 152rpx;
    height: 82rpx;
    background: #fff;
    box-shadow: 0px 0px 10px 1px rgba(171, 171, 171, 1);
    border-radius: 100px 0px 0px 100px;
    position: fixed;
    bottom: 160rpx;
    right: 0px;
    // line-height: 82rpx;
    display: flex;
    padding-left: 22rpx;
    z-index: 999;
    .icon {
      color: linear-gradient(144deg, #FF8711 0%, #FF1C1C 100%)!important;
      margin-right: 20rpx;
    }
    text {
      flex: 1;
      margin-top: 26rpx;
      font-weight: 600;
      font-size: 24rpx;
    }
  }
}

.icon-item {
  margin-bottom: 30rpx;
}
.items {
	display: flex;
}
.title {
  font-size: 32rpx;
  font-weight: bold;
  color: #333333;
  margin-left: 30rpx;
}
.mt200 {
  margin-top: 230rpx;
}
.fl {
  // display: inline-block;
  margin-top: 8rpx;
  margin-right: 8rpx;
  // float: left;
}
.grid-text {
  font-size: 26rpx;
  // margin-top: 20rpx;
  color: #333333;
}
.grid-text1 {
  font-size: 26rpx;
  color: #333333;
}
.mb35 {
  margin-bottom: 70rpx;
}
.font {
  font-size: 24rpx;
  color: #ababab;
}
.font1 {
  font-size: 24rpx;
  color: #ababab;
}
.more {
  padding-left: 30rpx;
  padding-right: 30rpx;
 
}
 .article-box-list{
    padding-left: 54rpx;
  }
/* #ifdef APP-PLUS */
.grid-text {
  font-size: 26rpx;
  color: #333333;
  // margin-top: 20rpx;
  // font-weight: 600;
}
.grid-text1 {
  font-size: 26rpx;
  // margin-top: 34rpx;
  // font-weight: 600;
  color: #333333;
}
.item1{
	padding-top: 16rpx;
}
.font {
  margin-top: 8rpx;
  font-size: 24rpx;
  color: #ababab;
}
.fl {
  // display: inline-block;
  margin-top: 2rpx;
  margin-right: 8rpx;
  // float: left;
}
.font1 {
  margin-top: 2rpx;
  font-size: 24rpx;
  color: #ababab;
}
.mt200 {
  margin-top: 230rpx;
}
/* #endif */
</style>
